import { useState } from 'react'
import routes from './router/index.jsx'
import { RouterProvider } from 'react-router-dom'
import { Suspense } from 'react'
import './App.css'

function App() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <RouterProvider 
        router={routes} 
        future={{
          v7_startTransition: true,
          v7_relativeSplatPath: true 
        }}
      />
  </Suspense>
  )
}

export default App